import React, { memo } from "react";
import { SongsCoverWrapper } from "./style";
import { getSizeImage, getCount } from "@/utils/format-utils";
export default memo(function SongsCover(props) {
  const { List } = props;
  //console.log(recommendList);
  return (
    <SongsCoverWrapper>
      <div className="cover-top">
        <img src={getSizeImage(List.picUrl, 140)} alt="" />
        <div className="cover sprite_covor">
          <div className="info sprite_covor">
            <span>
              <i className="sprite_icon erji"></i>
              {getCount(List.playCount)}
            </span>
            <i className="sprite_icon play"></i>
          </div>
        </div>
      </div>
      <div className="cover-bottom text-nowrap">{List.name}</div>
      <div className="cover-source text-nowrap">by {List.copywriter}</div>
    </SongsCoverWrapper>
  );
});
